<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索牛人</title>
    <link rel="stylesheet" href="/dev/plugins/layui/layui/css/layui.css">
    <link rel="stylesheet" href="/dev/assets/css/employment/searchperson.css">
    <link rel="icon" href="/dev/assets/img/geek-job/wanli.jpg" type="image/x-icon">
    <script>
        e();
        function e () {
            // 在这里执行条件检查
            let token = localStorage.getItem("jrtoken")
            if (token==null) {
                // 执行页面跳转
                window.location.href = '/dev/views/job/page/login.html';
            }
        }
    </script>
</head>

<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">职途万里</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>
            <li class="layui-nav-item layui-hide-xs"><a href="/dev/views/employment/chat.html"><i class="layui-icon layui-icon-notice"></i></a>
            </li>
            <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">我的客服</a></li>
            <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">面试</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
                <a href="javascript:;" id="jr_username">
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">个人资料</a></dd>
                    <dd><a href="javascript:;">设置</a></dd>
                    <dd><a href="javascript:quit();">退出</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
            </li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a id="pmg" href="/dev/views/employment/index.html"><i
                            class="layui-icon layui-icon-form"></i> 职位管理</a>
                </li>
                <li class="layui-nav-item">
                    <a id="searchperson" href="/dev/views/employment/searchperson.html"><i
                            class="layui-icon layui-icon-search"></i> 搜索牛人</a>

                </li>
                <li class="layui-nav-item"><a href="/dev/views/employment/recommend.html"><i
                        class="layui-icon layui-icon-user"></i>
                    推荐牛人</a></li>
                <li class="layui-nav-item"><a href="/dev/views/employment/chat.html"><i
                        class="layui-icon layui-icon-chat"></i> 沟通</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-body" id="employment-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <blockquote class="layui-elem-quote layui-text">
                搜索牛人
            </blockquote>
            <div class="common-page-container" id="lp-search-job-box">
                <div id="lp-search-bar-section">
                    <div class="search-job-bar-container">
                        <div class="">
                            <div class="common-page-container">
                                <div class="jsx-2012561508 search-container">
                                    <div class="jsx-2012561508 search-bar">
                                        <div class="jsx-2012561508">
                                            <div class="jsx-4146333934 search-input-container">
                                                <div class="jsx-4146333934 search-input-box">
                                                    <div class="jsx-4146333934 search-input-inner">
                                                        <div class="jsx-4146333934 search-input">
                                                            <input type="text" placeholder="搜索公司/行业/学校/技能等"
                                                                   maxlength="100"
                                                                   class="jsx-4146333934" value="" id="search-input">
                                                            <span class="jsx-4146333934 search-btn">搜索</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="jsx-4006179590 search-bar-hot-word">
                                                <div class="jsx-4006179590">热搜:</div>
                                                <span
                                                        class="jsx-4006179590 search-bar-hot-word-item">投资经理</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">土建工程师</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">采购</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">销售</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">运营</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">java</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">产品经理</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">人力资源</span><span
                                                    class="jsx-4006179590 search-bar-hot-word-item">总经理</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="filter-options-container">
                        <div class="filter-options-row-section">
                            <div class="options-row">
                                <div class="row-title">学历要求</div>
                                <ul class="row-options-detail-box">
                                    <li class="options-item selected" data-nick="search-jobs-filter-options-item"
                                        data-key="compTag"
                                        data-code="0" data-name="不限" data-selector="filter-option-item">不限
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="compTag"
                                        data-code="1" data-name="本科及以上" data-selector="filter-option-item">
                                        本科及以上
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="compTag"
                                        data-code="2" data-name="硕士及以上" data-selector="filter-option-item">
                                        硕士及以上
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="compTag"
                                        data-code="3" data-name="博士" data-selector="filter-option-item">博士
                                    </li>
                                </ul>
                            </div>
                            <div class="options-row">
                                <div class="row-title">院校要求</div>
                                <ul class="row-options-detail-box">
                                    <li class="options-item selected" data-nick="search-jobs-filter-options-item"
                                        data-key="dq"
                                        data-code="0" data-name="不限" data-selector="filter-option-item">不限
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item" data-key="dq"
                                        data-code="1" data-name="统招本科" data-selector="filter-option-item">统招本科
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item" data-key="dq"
                                        data-code="2" data-name="双一流院校" data-selector="filter-option-item">双一流院校
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item" data-key="dq"
                                        data-code="3" data-name="211院校" data-selector="filter-option-item">211院校
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item" data-key="dq"
                                        data-code="4" data-name="985院校" data-selector="filter-option-item">985院校
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item" data-key="dq"
                                        data-code="5" data-name="留学生" data-selector="filter-option-item">留学生
                                    </li>
                                </ul>
                            </div>
                            <div class="options-row">
                                <div class="row-title">经验要求</div>
                                <ul class="row-options-detail-box">
                                    <li class="options-item selected" data-nick="search-jobs-filter-options-item"
                                        data-key="salary"
                                        data-code="0" data-name="不限" data-selector="filter-option-item">不限
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="salary"
                                        data-code="0-1" data-name="在校/应届" data-selector="filter-option-item">在校/应届
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="salary"
                                        data-code="1-3" data-name="1-3年" data-selector="filter-option-item">1-3年
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="salary"
                                        data-code="3-5" data-name="3-5年" data-selector="filter-option-item">3-5年
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="salary"
                                        data-code="5-10" data-name="5-10年" data-selector="filter-option-item">5-10年
                                    </li>
                                </ul>
                            </div>
                            <div class="options-row">
                                <div class="row-title">年龄要求</div>
                                <ul class="row-options-detail-box">
                                    <li class="options-item selected" data-nick="search-jobs-filter-options-item"
                                        data-key="pubTime" data-code="0" data-name="不限"
                                        data-selector="filter-option-item">不限
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="pubTime"
                                        data-code="20-25" data-name="年龄20-25" data-selector="filter-option-item">20-25
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="pubTime"
                                        data-code="25-30" data-name="年龄20-25" data-selector="filter-option-item">25-30
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="pubTime"
                                        data-code="30-35" data-name="年龄20-25" data-selector="filter-option-item">30-35
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="pubTime"
                                        data-code="35-40" data-name="年龄20-25" data-selector="filter-option-item">35-40
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="pubTime"
                                        data-code="40-50" data-name="年龄20-25" data-selector="filter-option-item">40-50
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="pubTime"
                                        data-code="50-999" data-name="年龄50以上" data-selector="filter-option-item">50以上
                                    </li>
                                </ul>
                            </div>
                            <div class="options-row">
                                <div class="row-title">其他筛选</div>
                                <ul class="row-options-detail-box">
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="workYearCode"
                                        data-code="1" data-name="应届生" data-selector="filter-option-item">性别
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="workYearCode"
                                        data-code="2" data-name="实习生" data-selector="filter-option-item">薪资区间
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="workYearCode"
                                        data-code="0$1" data-name="1年以内" data-selector="filter-option-item">牛人活跃度
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="workYearCode"
                                        data-code="1$3" data-name="1-3年" data-selector="filter-option-item">跳槽频率
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="workYearCode"
                                        data-code="3$5" data-name="3-5年" data-selector="filter-option-item">求职状态
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="workYearCode"
                                        data-code="5$10" data-name="5-10年" data-selector="filter-option-item">牛人职位要求
                                    </li>
                                    <li class="options-item" data-nick="search-jobs-filter-options-item"
                                        data-key="workYearCode"
                                        data-code="10$999" data-name="10年以上" data-selector="filter-option-item">专业
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="content-wrap">
                        <section class="content-left-section">
                            <div class="job-list-box" id="search-result">
                                <!--                            //插入的数据位置-->
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
<!--        <div class="layui-footer">-->
<!--            &lt;!&ndash; 底部固定区域 &ndash;&gt;-->
<!--            公告:高贤甫-->
<!--        </div>-->
    </div>
</div>
<script src="/dev/plugins/jquery/jquery.min.js"></script>
<script src="/dev/plugins/layui/layui/layui.js"></script>
<script>
    $(function () {
        let searchperson = document.querySelector("#searchperson")
        let pmg = document.querySelector("#pmg")
        let body = document.querySelector(".layui-body")
        let uname = document.querySelector("#jr_username")
        uname.innerHTML = `<img src="/dev/assets/img/head_photo.png" class="layui-nav-img">
                    Tom`
        pmg.className = 'layui-nav-item layui-nav-itemed'
        searchperson.className = 'layui-nav-item layui-this'

        layui.use(function () {
            var flow = layui.flow;
            console.log(flow)
            // 流加载实例
            flow.load({
                elem: '#search-result', // 流加载容器
                // scrollElem: '#search-result', // 滚动条所在元素，一般不用填，此处只是演示需要。
                done: function (page, next) { // 执行下一页的回调
                    // 模拟数据插入
                    setTimeout(function () {
                        $.ajax({
                            headers:{
                                "id":localStorage.getItem("jrid"),
                                "token":localStorage.getItem("jrtoken")
                            },
                            url: '/dev/employment/searchAll',
                            type: "get",
                            success: function (result) {
                                console.log(result)
                                console.log("=0=")
                                var lis = [];
                                $("#search-result")
                                let start = (page - 1) * 10;
                                let end = Math.min(start+10, result.data.length)
                                console.log(page)
                                console.log(start)
                                console.log(end)
                                for (var i = start; i < end; i++) {
                                    lis.push(`<div style="margin-bottom: 10px;">
                                <div data-info="%7B%22jobKind%22%3A%226%22%2C%22sfrom%22%3A%22search_job_pc%22%2C%22pageSize%22%3A%2240%22%2C%22curPage%22%3A%220%22%2C%22ckId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22scene%22%3A%22condition%22%2C%22skId%22%3A%22srpzdtpfk008ujo0hyyhdvvq25zc5uqb%22%2C%22fkId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22jobId%22%3A%2261972973%22%2C%22d_curPage%22%3A%220%22%2C%22d_pageSize%22%3A%2240%22%2C%22as_from%22%3A%22search_prime%22%7D"
                                     class="jsx-2297469327 job-card-pc-container"
                                     onclick="chat(${result.data[i].id})">
                                    <div class="jsx-2297469327 job-card-left-box">
                                        <div class="jsx-2693574896 job-detail-box"><a data-nick="job-detail-job-info"
                                                                                      target="_blank"
                                                                                      href="#"
                                                                                      rel="noreferrer" class="jsx-2693574896">
                                            <div class="jsx-2693574896 job-detail-header-box">
                                                <div class="jsx-2693574896 job-title-box">
                                                    <div title="招聘算法专家/高级工程师" class="jsx-2693574896 ellipsis-1">
                                                        ${result.data[i].jsName}</div>
                                                    <div class="jsx-2693574896 job-dq-box"><span
                                                            class="jsx-2693574896 dq-bracket">【</span><span
                                                            class="jsx-2693574896 ellipsis-1">${result.data[i].background}</span><span
                                                            class="jsx-2693574896 dq-bracket">】</span></div>
                                                </div><span class="jsx-2693574896 job-salary">${result.data[i].experience}</span>
                                            </div>
                                            <div class="jsx-2693574896 job-labels-box"><span
                                                    class="jsx-2693574896 labels-tag">应届</span><span
                                                    class="jsx-2693574896 labels-tag">${result.data[i].scType}</span></div>
                                        </a>
                                            <div data-nick="job-detail-company-info"
                                                 class="jsx-2693574896 job-detail-company-box">
                                                <div class="jsx-2693574896 job-company-info-box">
                                                    <div class="jsx-2693574896 company-logo"><img
                                                            class="company-logo-white-bg "
                                                            src="//image0.lietou-static.com/bg_white_66x66/643e57ae367c9a6db07213a102u.png"
                                                            style="width: 22px; height: 22px; border-radius: 4px;"></div>
                                                    <span
                                                            class="jsx-2693574896 company-name ellipsis-1">${result.data[i].scName}</span>
                                                    <div class="jsx-2693574896 company-tags-box ellipsis-1"><span
                                                            class="jsx-2693574896">${result.data[i].jsSex}</span><span
                                                            class="jsx-2693574896">${result.data[i].jobSeek}</span><span
                                                            class="jsx-2693574896">${result.data[i].age}</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jsx-2297469327 job-card-right-box">
                                        <div class="jsx-1313209507 recruiter-info-box">
                                            <div class="jsx-1313209507 recruiter-photo"><img
                                                    src="${result.data[i].avatar}"
                                                    alt="" class="jsx-1313209507"></div>
                                            <div class="jsx-1313209507 recruiter-name ellipsis-1">${result.data[i].jsName}</div>
                                            <div class="jsx-1313209507 recruiter-title ellipsis-1">${result.data[i].scName}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>`)
                                }
                                next(lis.join(''), page < Math.ceil(result.data.length / 10));
                                // 此处假设总页数为 10
                            }

                        })


                    }, 520);
                }
            })
        })


        let searchinput = document.querySelector("#search-input")
        $('.search-btn').click(function () {
            let compTag = document.querySelectorAll("[data-key=\"compTag\"]")
            let compTagValue;
            for (let i = 0; i < compTag.length; i++) {
                if (compTag[i].className === 'options-item selected') {
                    compTagValue = compTag[i].getAttribute("data-code")
                }
            }
            let dq = document.querySelectorAll("[data-key=\"dq\"]")
            let dqValue;
            for (let i = 0; i < dq.length; i++) {
                if (dq[i].className === 'options-item selected') {
                    dqValue = dq[i].getAttribute("data-code")
                }
            }
            let salary = document.querySelectorAll("[data-key=\"salary\"]")
            let salaryValue;
            for (let i = 0; i < salary.length; i++) {
                if (salary[i].className === 'options-item selected') {
                    salaryValue = salary[i].getAttribute("data-code")
                }
            }
            let pubTime = document.querySelectorAll("[data-key=\"pubTime\"]")
            let pubTimeValue;
            for (let i = 0; i < pubTime.length; i++) {
                if (pubTime[i].className === 'options-item selected') {
                    pubTimeValue = pubTime[i].getAttribute("data-code")
                }
            }
            console.log(pubTimeValue)
            let search = searchinput.value;
            layui.$('#search-result').empty();
            layui.use(function () {
                var flow = layui.flow;
                console.log(flow)
                // 流加载实例
                flow.load({
                    elem: '#search-result', // 流加载容器
                    // scrollElem: '#search-result', // 滚动条所在元素，一般不用填，此处只是演示需要。
                    done: function (page, next) { // 执行下一页的回调
                        // 模拟数据插入
                        setTimeout(function () {

                            $.ajax({
                                headers:{
                                    "id":localStorage.getItem("jrid"),
                                    "token":localStorage.getItem("jrtoken")
                                },
                                url: "/dev/employment/searchByWord",
                                type: "POST",
                                data: {
                                    "search": search,
                                    "background": compTagValue,
                                    "scType": dqValue,
                                    "experience": salaryValue,
                                    "age": pubTimeValue
                                },
                                success: function (result) {
                                    console.log(result)
                                    console.log("=1=")
                                    if (result.code == 200) {
                                        lis = [];
                                        let start = (page - 1) * 10;
                                        let end = Math.min(start + 10, result.data.length)
                                        for (var i = start; i < end; i++) {
                                            lis.push(`<div style="margin-bottom: 10px;">
                                <div data-info="%7B%22jobKind%22%3A%226%22%2C%22sfrom%22%3A%22search_job_pc%22%2C%22pageSize%22%3A%2240%22%2C%22curPage%22%3A%220%22%2C%22ckId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22scene%22%3A%22condition%22%2C%22skId%22%3A%22srpzdtpfk008ujo0hyyhdvvq25zc5uqb%22%2C%22fkId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22jobId%22%3A%2261972973%22%2C%22d_curPage%22%3A%220%22%2C%22d_pageSize%22%3A%2240%22%2C%22as_from%22%3A%22search_prime%22%7D"
                                     class="jsx-2297469327 job-card-pc-container"
                                     onclick="chat(${result.data[i].id})">
                                    <div class="jsx-2297469327 job-card-left-box">
                                        <div class="jsx-2693574896 job-detail-box"><a data-nick="job-detail-job-info"
                                                                                      target="_blank"
                                                                                      href="#"
                                                                                      rel="noreferrer" class="jsx-2693574896">
                                            <div class="jsx-2693574896 job-detail-header-box">
                                                <div class="jsx-2693574896 job-title-box">
                                                    <div title="招聘算法专家/高级工程师" class="jsx-2693574896 ellipsis-1">
                                                        ${result.data[i].jsName}</div>
                                                    <div class="jsx-2693574896 job-dq-box"><span
                                                            class="jsx-2693574896 dq-bracket">【</span><span
                                                            class="jsx-2693574896 ellipsis-1">${result.data[i].background}</span><span
                                                            class="jsx-2693574896 dq-bracket">】</span></div>
                                                </div><span class="jsx-2693574896 job-salary">${result.data[i].experience}</span>
                                            </div>
                                            <div class="jsx-2693574896 job-labels-box"><span
                                                    class="jsx-2693574896 labels-tag">应届</span><span
                                                    class="jsx-2693574896 labels-tag">${result.data[i].scType}</span></div>
                                        </a>
                                            <div data-nick="job-detail-company-info"
                                                 class="jsx-2693574896 job-detail-company-box">
                                                <div class="jsx-2693574896 job-company-info-box">
                                                    <div class="jsx-2693574896 company-logo"><img
                                                            class="company-logo-white-bg "
                                                            src="//image0.lietou-static.com/bg_white_66x66/643e57ae367c9a6db07213a102u.png"
                                                            style="width: 22px; height: 22px; border-radius: 4px;"></div>
                                                    <span
                                                            class="jsx-2693574896 company-name ellipsis-1">${result.data[i].scName}</span>
                                                    <div class="jsx-2693574896 company-tags-box ellipsis-1"><span
                                                            class="jsx-2693574896">${result.data[i].jsSex}</span><span
                                                            class="jsx-2693574896">${result.data[i].jobSeek}</span><span
                                                            class="jsx-2693574896">${result.data[i].age}</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jsx-2297469327 job-card-right-box">
                                        <div class="jsx-1313209507 recruiter-info-box">
                                            <div class="jsx-1313209507 recruiter-photo"><img
                                                    src="${result.data[i].avatar}"
                                                    alt="" class="jsx-1313209507"></div>
                                            <div class="jsx-1313209507 recruiter-name ellipsis-1">${result.data[i].jsName}</div>
                                            <div class="jsx-1313209507 recruiter-title ellipsis-1">${result.data[i].scName}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>`
                                            )
                                        }
                                        next(lis.join(''), page < Math.ceil(result.data.length / 10)); // 此处假设总页数为 10
                                    }

                                }

                            })


                        }, 520);
                    }
                })
            })
        })
        let compTag = document.querySelectorAll("[data-key=\"compTag\"]")
        for (var i = 0; i < compTag.length; i++) {
            compTag[i].addEventListener('click', function () {
                // 先将所有元素的样式恢复为原样
                for (var j = 0; j < compTag.length; j++) {
                    compTag[j].className = 'options-item';
                }
                // 将被点击元素的样式进行修改
                this.className = 'options-item selected';
                let dq = document.querySelectorAll("[data-key=\"dq\"]")
                let dqValue;
                for (let i = 0; i < dq.length; i++) {
                    if (dq[i].className === 'options-item selected') {
                        dqValue = dq[i].getAttribute("data-code")
                    }
                }
                let salary = document.querySelectorAll("[data-key=\"salary\"]")
                let salaryValue;
                for (let i = 0; i < salary.length; i++) {
                    if (salary[i].className === 'options-item selected') {
                        salaryValue = salary[i].getAttribute("data-code")
                    }
                }
                let pubTime = document.querySelectorAll("[data-key=\"pubTime\"]")
                let pubTimeValue;
                for (let i = 0; i < pubTime.length; i++) {
                    if (pubTime[i].className === 'options-item selected') {
                        pubTimeValue = pubTime[i].getAttribute("data-code")
                    }
                }
                let search = document.querySelector("#search-input").value
                let compTagValue = this.getAttribute("data-code")
                layui.$('#search-result').empty();
                layui.use(function () {
                    var flow = layui.flow;
                    console.log(flow)
                    // 流加载实例
                    flow.load({
                        elem: '#search-result', // 流加载容器
                        // scrollElem: '#search-result', // 滚动条所在元素，一般不用填，此处只是演示需要。
                        done: function (page, next) { // 执行下一页的回调
                            // 模拟数据插入
                            setTimeout(function () {
                                $.ajax({
                                    headers:{
                                        "id":localStorage.getItem("jrid"),
                                        "token":localStorage.getItem("jrtoken")
                                    },
                                    url: '/dev/employment/searchByWord',
                                    type: 'post',
                                    data: {
                                        "search": search,
                                        "background": compTagValue,
                                        "scType": dqValue,
                                        "experience": salaryValue,
                                        "age": pubTimeValue
                                    },
                                    success: function (result) {

                                        console.log(result)
                                        console.log("=2=")
                                        if (result.code == 200) {
                                            lis = [];
                                            let start = (page - 1) * 10;
                                            let end = Math.min(start + 10, result.data.length)
                                            for (var i = start; i < end; i++) {
                                                lis.push(`<div style="margin-bottom: 10px;">
                                <div data-info="%7B%22jobKind%22%3A%226%22%2C%22sfrom%22%3A%22search_job_pc%22%2C%22pageSize%22%3A%2240%22%2C%22curPage%22%3A%220%22%2C%22ckId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22scene%22%3A%22condition%22%2C%22skId%22%3A%22srpzdtpfk008ujo0hyyhdvvq25zc5uqb%22%2C%22fkId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22jobId%22%3A%2261972973%22%2C%22d_curPage%22%3A%220%22%2C%22d_pageSize%22%3A%2240%22%2C%22as_from%22%3A%22search_prime%22%7D"
                                     class="jsx-2297469327 job-card-pc-container"
                                     onclick="chat(${result.data[i].id})">
                                    <div class="jsx-2297469327 job-card-left-box">
                                        <div class="jsx-2693574896 job-detail-box"><a data-nick="job-detail-job-info"
                                                                                      target="_blank"
                                                                                      href="#"
                                                                                      rel="noreferrer" class="jsx-2693574896">
                                            <div class="jsx-2693574896 job-detail-header-box">
                                                <div class="jsx-2693574896 job-title-box">
                                                    <div title="招聘算法专家/高级工程师" class="jsx-2693574896 ellipsis-1">
                                                        ${result.data[i].jsName}</div>
                                                    <div class="jsx-2693574896 job-dq-box"><span
                                                            class="jsx-2693574896 dq-bracket">【</span><span
                                                            class="jsx-2693574896 ellipsis-1">${result.data[i].background}</span><span
                                                            class="jsx-2693574896 dq-bracket">】</span></div>
                                                </div><span class="jsx-2693574896 job-salary">${result.data[i].experience}</span>
                                            </div>
                                            <div class="jsx-2693574896 job-labels-box"><span
                                                    class="jsx-2693574896 labels-tag">应届</span><span
                                                    class="jsx-2693574896 labels-tag">${result.data[i].scType}</span></div>
                                        </a>
                                            <div data-nick="job-detail-company-info"
                                                 class="jsx-2693574896 job-detail-company-box">
                                                <div class="jsx-2693574896 job-company-info-box">
                                                    <div class="jsx-2693574896 company-logo"><img
                                                            class="company-logo-white-bg "
                                                            src="//image0.lietou-static.com/bg_white_66x66/643e57ae367c9a6db07213a102u.png"
                                                            style="width: 22px; height: 22px; border-radius: 4px;"></div>
                                                    <span
                                                            class="jsx-2693574896 company-name ellipsis-1">${result.data[i].scName}</span>
                                                    <div class="jsx-2693574896 company-tags-box ellipsis-1"><span
                                                            class="jsx-2693574896">${result.data[i].jsSex}</span><span
                                                            class="jsx-2693574896">${result.data[i].jobSeek}</span><span
                                                            class="jsx-2693574896">${result.data[i].age}</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jsx-2297469327 job-card-right-box">
                                        <div class="jsx-1313209507 recruiter-info-box">
                                            <div class="jsx-1313209507 recruiter-photo"><img
                                                    src="${result.data[i].avatar}"
                                                    alt="" class="jsx-1313209507"></div>
                                            <div class="jsx-1313209507 recruiter-name ellipsis-1">${result.data[i].jsName}</div>
                                            <div class="jsx-1313209507 recruiter-title ellipsis-1">${result.data[i].scName}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>`
                                                )
                                            }
                                            next(lis.join(''), page < Math.ceil(result.data.length / 10)); // 此处假设总页数为 10

                                        }
                                    }

                                })

                            }, 520);
                        }
                    })
                })
            });
        }
        let dq = document.querySelectorAll("[data-key=\"dq\"]")
        for (var i = 0; i < dq.length; i++) {
            dq[i].addEventListener('click', function () {
                // 先将所有元素的样式恢复为原样
                for (var j = 0; j < dq.length; j++) {
                    dq[j].className = 'options-item';
                }
                let compTag = document.querySelectorAll("[data-key=\"compTag\"]")
                let compTagValue;
                for (let i = 0; i < compTag.length; i++) {
                    if (compTag[i].className === 'options-item selected') {
                        compTagValue = compTag[i].getAttribute("data-code")
                    }
                }
                let salary = document.querySelectorAll("[data-key=\"salary\"]")
                let salaryValue;
                for (let i = 0; i < salary.length; i++) {
                    if (salary[i].className === 'options-item selected') {
                        salaryValue = salary[i].getAttribute("data-code")
                    }
                }
                let pubTime = document.querySelectorAll("[data-key=\"pubTime\"]")
                let pubTimeValue;
                for (let i = 0; i < pubTime.length; i++) {
                    if (pubTime[i].className === 'options-item selected') {
                        pubTimeValue = pubTime[i].getAttribute("data-code")
                    }
                }
                let search = document.querySelector("#search-input").value
                let dqValue = this.getAttribute("data-code")

                layui.$('#search-result').empty();
                layui.use(function () {
                    var flow = layui.flow;
                    console.log(flow)
                    // 流加载实例
                    flow.load({
                        elem: '#search-result', // 流加载容器
                        // scrollElem: '#search-result', // 滚动条所在元素，一般不用填，此处只是演示需要。
                        done: function (page, next) { // 执行下一页的回调
                            // 模拟数据插入
                            setTimeout(function () {
                                $.ajax({
                                    headers:{
                                        "id":localStorage.getItem("jrid"),
                                        "token":localStorage.getItem("jrtoken")
                                    },
                                    url: '/dev/employment/searchByWord',
                                    type: 'post',
                                    data: {
                                        "search": search,
                                        "background": compTagValue,
                                        "scType": dqValue,
                                        "experience": salaryValue,
                                        "age": pubTimeValue
                                    },
                                    success: function (result) {
                                        console.log(result)
                                        console.log("=3=")
                                        if (result.code == 200) {
                                            // let ix = result.data.length<8?result.data.length:8;
                                            lis = [];
                                            let start = (page - 1) * 10;
                                            let end = Math.min(start + 10, result.data.length)
                                            for (var i = start; i < end; i++) {
                                                lis.push(`<div style="margin-bottom: 10px;">
                                <div data-info="%7B%22jobKind%22%3A%226%22%2C%22sfrom%22%3A%22search_job_pc%22%2C%22pageSize%22%3A%2240%22%2C%22curPage%22%3A%220%22%2C%22ckId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22scene%22%3A%22condition%22%2C%22skId%22%3A%22srpzdtpfk008ujo0hyyhdvvq25zc5uqb%22%2C%22fkId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22jobId%22%3A%2261972973%22%2C%22d_curPage%22%3A%220%22%2C%22d_pageSize%22%3A%2240%22%2C%22as_from%22%3A%22search_prime%22%7D"
                                     class="jsx-2297469327 job-card-pc-container"
                                     onclick="chat(${result.data[i].id})">
                                    <div class="jsx-2297469327 job-card-left-box">
                                        <div class="jsx-2693574896 job-detail-box"><a data-nick="job-detail-job-info"
                                                                                      target="_blank"
                                                                                      href="#"
                                                                                      rel="noreferrer" class="jsx-2693574896">
                                            <div class="jsx-2693574896 job-detail-header-box">
                                                <div class="jsx-2693574896 job-title-box">
                                                    <div title="招聘算法专家/高级工程师" class="jsx-2693574896 ellipsis-1">
                                                        ${result.data[i].jsName}</div>
                                                    <div class="jsx-2693574896 job-dq-box"><span
                                                            class="jsx-2693574896 dq-bracket">【</span><span
                                                            class="jsx-2693574896 ellipsis-1">${result.data[i].background}</span><span
                                                            class="jsx-2693574896 dq-bracket">】</span></div>
                                                </div><span class="jsx-2693574896 job-salary">${result.data[i].experience}</span>
                                            </div>
                                            <div class="jsx-2693574896 job-labels-box"><span
                                                    class="jsx-2693574896 labels-tag">应届</span><span
                                                    class="jsx-2693574896 labels-tag">${result.data[i].scType}</span></div>
                                        </a>
                                            <div data-nick="job-detail-company-info"
                                                 class="jsx-2693574896 job-detail-company-box">
                                                <div class="jsx-2693574896 job-company-info-box">
                                                    <div class="jsx-2693574896 company-logo"><img
                                                            class="company-logo-white-bg "
                                                            src="//image0.lietou-static.com/bg_white_66x66/643e57ae367c9a6db07213a102u.png"
                                                            style="width: 22px; height: 22px; border-radius: 4px;"></div>
                                                    <span
                                                            class="jsx-2693574896 company-name ellipsis-1">${result.data[i].scName}</span>
                                                    <div class="jsx-2693574896 company-tags-box ellipsis-1"><span
                                                            class="jsx-2693574896">${result.data[i].jsSex}</span><span
                                                            class="jsx-2693574896">${result.data[i].jobSeek}</span><span
                                                            class="jsx-2693574896">${result.data[i].age}</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jsx-2297469327 job-card-right-box">
                                        <div class="jsx-1313209507 recruiter-info-box">
                                            <div class="jsx-1313209507 recruiter-photo"><img
                                                    src="${result.data[i].avatar}"
                                                    alt="" class="jsx-1313209507"></div>
                                            <div class="jsx-1313209507 recruiter-name ellipsis-1">${result.data[i].jsName}</div>
                                            <div class="jsx-1313209507 recruiter-title ellipsis-1">${result.data[i].scName}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>`
                                                )
                                            }
                                            next(lis.join(''), page < Math.ceil(result.data.length / 10)); // 此处假设总页数为 10

                                        }
                                    }

                                })
                            }, 520);
                        }
                    })
                })
                // 将被点击元素的样式进行修改
                this.className = 'options-item selected';
            });
        }
        let salary = document.querySelectorAll("[data-key=\"salary\"]")
        for (var i = 0; i < salary.length; i++) {
            salary[i].addEventListener('click', function () {
                // 先将所有元素的样式恢复为原样
                for (var j = 0; j < salary.length; j++) {
                    salary[j].className = 'options-item';
                }
                // 将被点击元素的样式进行修改
                this.className = 'options-item selected';
                let compTag = document.querySelectorAll("[data-key=\"compTag\"]")
                let compTagValue;
                for (let i = 0; i < compTag.length; i++) {
                    if (compTag[i].className === 'options-item selected') {
                        compTagValue = compTag[i].getAttribute("data-code")
                    }
                }
                let dq = document.querySelectorAll("[data-key=\"dq\"]")
                let dqValue;
                for (let i = 0; i < dq.length; i++) {
                    if (dq[i].className === 'options-item selected') {
                        dqValue = dq[i].getAttribute("data-code")
                    }
                }
                let pubTime = document.querySelectorAll("[data-key=\"pubTime\"]")
                let pubTimeValue;
                for (let i = 0; i < pubTime.length; i++) {
                    if (pubTime[i].className === 'options-item selected') {
                        pubTimeValue = pubTime[i].getAttribute("data-code")
                    }
                }
                let search = document.querySelector("#search-input").value
                let salaryValue = this.getAttribute("data-code")

                layui.$('#search-result').empty();
                layui.use(function () {
                    var flow = layui.flow;
                    console.log(flow)
                    // 流加载实例
                    flow.load({
                        elem: '#search-result', // 流加载容器
                        // scrollElem: '#search-result', // 滚动条所在元素，一般不用填，此处只是演示需要。
                        done: function (page, next) { // 执行下一页的回调
                            // 模拟数据插入
                            setTimeout(function () {
                                $.ajax({
                                    headers:{
                                        "id":localStorage.getItem("jrid"),
                                        "token":localStorage.getItem("jrtoken")
                                    },
                                    url: '/dev/employment/searchByWord',
                                    type: 'post',
                                    data: {
                                        "search": search,
                                        "background": compTagValue,
                                        "scType": dqValue,
                                        "experience": salaryValue,
                                        "age": pubTimeValue
                                    },
                                    success: function (result) {
                                        console.log(result)
                                        console.log("=4=")
                                        if (result.code == 200) {
                                            lis = [];
                                            let start = (page - 1) * 10;
                                            let end = Math.min(start + 10, result.data.length)
                                            for (var i = start; i < end; i++) {
                                                lis.push(`<div style="margin-bottom: 10px;">
                                <div data-info="%7B%22jobKind%22%3A%226%22%2C%22sfrom%22%3A%22search_job_pc%22%2C%22pageSize%22%3A%2240%22%2C%22curPage%22%3A%220%22%2C%22ckId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22scene%22%3A%22condition%22%2C%22skId%22%3A%22srpzdtpfk008ujo0hyyhdvvq25zc5uqb%22%2C%22fkId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22jobId%22%3A%2261972973%22%2C%22d_curPage%22%3A%220%22%2C%22d_pageSize%22%3A%2240%22%2C%22as_from%22%3A%22search_prime%22%7D"
                                     class="jsx-2297469327 job-card-pc-container"
                                     onclick="chat(${result.data[i].id})">
                                    <div class="jsx-2297469327 job-card-left-box">
                                        <div class="jsx-2693574896 job-detail-box"><a data-nick="job-detail-job-info"
                                                                                      target="_blank"
                                                                                      href="#"
                                                                                      rel="noreferrer" class="jsx-2693574896">
                                            <div class="jsx-2693574896 job-detail-header-box">
                                                <div class="jsx-2693574896 job-title-box">
                                                    <div title="招聘算法专家/高级工程师" class="jsx-2693574896 ellipsis-1">
                                                        ${result.data[i].jsName}</div>
                                                    <div class="jsx-2693574896 job-dq-box"><span
                                                            class="jsx-2693574896 dq-bracket">【</span><span
                                                            class="jsx-2693574896 ellipsis-1">${result.data[i].background}</span><span
                                                            class="jsx-2693574896 dq-bracket">】</span></div>
                                                </div><span class="jsx-2693574896 job-salary">${result.data[i].experience}</span>
                                            </div>
                                            <div class="jsx-2693574896 job-labels-box"><span
                                                    class="jsx-2693574896 labels-tag">应届</span><span
                                                    class="jsx-2693574896 labels-tag">${result.data[i].scType}</span></div>
                                        </a>
                                            <div data-nick="job-detail-company-info"
                                                 class="jsx-2693574896 job-detail-company-box">
                                                <div class="jsx-2693574896 job-company-info-box">
                                                    <div class="jsx-2693574896 company-logo"><img
                                                            class="company-logo-white-bg "
                                                            src="//image0.lietou-static.com/bg_white_66x66/643e57ae367c9a6db07213a102u.png"
                                                            style="width: 22px; height: 22px; border-radius: 4px;"></div>
                                                    <span
                                                            class="jsx-2693574896 company-name ellipsis-1">${result.data[i].scName}</span>
                                                    <div class="jsx-2693574896 company-tags-box ellipsis-1"><span
                                                            class="jsx-2693574896">${result.data[i].jsSex}</span><span
                                                            class="jsx-2693574896">${result.data[i].jobSeek}</span><span
                                                            class="jsx-2693574896">${result.data[i].age}</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jsx-2297469327 job-card-right-box">
                                        <div class="jsx-1313209507 recruiter-info-box">
                                            <div class="jsx-1313209507 recruiter-photo"><img
                                                    src="${result.data[i].avatar}"
                                                    alt="" class="jsx-1313209507"></div>
                                            <div class="jsx-1313209507 recruiter-name ellipsis-1">${result.data[i].jsName}</div>
                                            <div class="jsx-1313209507 recruiter-title ellipsis-1">${result.data[i].scName}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>`
                                                )
                                            }
                                            next(lis.join(''), page < Math.ceil(result.data.length / 10)); // 此处假设总页数为 10
                                        }
                                    }

                                })
                            }, 520);
                        }
                    })
                })
            });
        }
        let pubTime = document.querySelectorAll("[data-key=\"pubTime\"]")
        for (var i = 0; i < pubTime.length; i++) {
            pubTime[i].addEventListener('click', function () {
                // 先将所有元素的样式恢复为原样
                for (var j = 0; j < pubTime.length; j++) {
                    pubTime[j].className = 'options-item';
                }
                // 将被点击元素的样式进行修改
                this.className = 'options-item selected';
                let compTag = document.querySelectorAll("[data-key=\"compTag\"]")
                let compTagValue;
                for (let i = 0; i < compTag.length; i++) {
                    if (compTag[i].className === 'options-item selected') {
                        compTagValue = compTag[i].getAttribute("data-code")
                    }
                }
                let dq = document.querySelectorAll("[data-key=\"dq\"]")
                let dqValue;
                for (let i = 0; i < dq.length; i++) {
                    if (dq[i].className === 'options-item selected') {
                        dqValue = dq[i].getAttribute("data-code")
                    }
                }
                let salary = document.querySelectorAll("[data-key=\"salary\"]")
                let salaryValue;
                for (let i = 0; i < salary.length; i++) {
                    if (salary[i].className === 'options-item selected') {
                        salaryValue = salary[i].getAttribute("data-code")
                    }
                }
                let search = document.querySelector("#search-input").value
                let pubTimeValue = this.getAttribute("data-code")
                console.log(pubTimeValue)

                layui.$('#search-result').empty();
                layui.use(function () {
                    var flow = layui.flow;
                    console.log(flow)
                    // 流加载实例
                    flow.load({
                        elem: '#search-result', // 流加载容器
                        // scrollElem: '#search-result', // 滚动条所在元素，一般不用填，此处只是演示需要。
                        done: function (page, next) { // 执行下一页的回调
                            // 模拟数据插入
                            setTimeout(function () {
                                $.ajax({
                                    headers:{
                                        "id":localStorage.getItem("jrid"),
                                        "token":localStorage.getItem("jrtoken")
                                    },
                                    url: '/dev/employment/searchByWord',
                                    type: 'post',
                                    data: {
                                        "search": search,
                                        "background": compTagValue,
                                        "scType": dqValue,
                                        "experience": salaryValue,
                                        "age": pubTimeValue
                                    },
                                    success: function (result) {
                                        console.log(result)
                                        console.log("=5=")
                                        if (result.code == 200) {
                                            lis = [];
                                            let start = (page - 1) * 10;
                                            let end = Math.min(start + 10, result.data.length)
                                            for (var i = start; i < end; i++) {
                                                lis.push(`<div style="margin-bottom: 10px;">
                                <div data-info="%7B%22jobKind%22%3A%226%22%2C%22sfrom%22%3A%22search_job_pc%22%2C%22pageSize%22%3A%2240%22%2C%22curPage%22%3A%220%22%2C%22ckId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22scene%22%3A%22condition%22%2C%22skId%22%3A%22srpzdtpfk008ujo0hyyhdvvq25zc5uqb%22%2C%22fkId%22%3A%229wlrlvg7unodqqilo7aalzuy1meg1oo9%22%2C%22jobId%22%3A%2261972973%22%2C%22d_curPage%22%3A%220%22%2C%22d_pageSize%22%3A%2240%22%2C%22as_from%22%3A%22search_prime%22%7D"
                                     class="jsx-2297469327 job-card-pc-container"
                                     onclick="chat(${result.data[i].id})">
                                    <div class="jsx-2297469327 job-card-left-box">
                                        <div class="jsx-2693574896 job-detail-box"><a data-nick="job-detail-job-info"
                                                                                      target="_blank"
                                                                                      href="#"
                                                                                      rel="noreferrer" class="jsx-2693574896">
                                            <div class="jsx-2693574896 job-detail-header-box">
                                                <div class="jsx-2693574896 job-title-box">
                                                    <div title="招聘算法专家/高级工程师" class="jsx-2693574896 ellipsis-1">
                                                        ${result.data[i].jsName}</div>
                                                    <div class="jsx-2693574896 job-dq-box"><span
                                                            class="jsx-2693574896 dq-bracket">【</span><span
                                                            class="jsx-2693574896 ellipsis-1">${result.data[i].background}</span><span
                                                            class="jsx-2693574896 dq-bracket">】</span></div>
                                                </div><span class="jsx-2693574896 job-salary">${result.data[i].experience}</span>
                                            </div>
                                            <div class="jsx-2693574896 job-labels-box"><span
                                                    class="jsx-2693574896 labels-tag">应届</span><span
                                                    class="jsx-2693574896 labels-tag">${result.data[i].scType}</span></div>
                                        </a>
                                            <div data-nick="job-detail-company-info"
                                                 class="jsx-2693574896 job-detail-company-box">
                                                <div class="jsx-2693574896 job-company-info-box">
                                                    <div class="jsx-2693574896 company-logo"><img
                                                            class="company-logo-white-bg "
                                                            src="//image0.lietou-static.com/bg_white_66x66/643e57ae367c9a6db07213a102u.png"
                                                            style="width: 22px; height: 22px; border-radius: 4px;"></div>
                                                    <span
                                                            class="jsx-2693574896 company-name ellipsis-1">${result.data[i].scName}</span>
                                                    <div class="jsx-2693574896 company-tags-box ellipsis-1"><span
                                                            class="jsx-2693574896">${result.data[i].jsSex}</span><span
                                                            class="jsx-2693574896">${result.data[i].jobSeek}</span><span
                                                            class="jsx-2693574896">${result.data[i].age}</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jsx-2297469327 job-card-right-box">
                                        <div class="jsx-1313209507 recruiter-info-box">
                                            <div class="jsx-1313209507 recruiter-photo"><img
                                                    src="${result.data[i].avatar}"
                                                    alt="" class="jsx-1313209507"></div>
                                            <div class="jsx-1313209507 recruiter-name ellipsis-1">${result.data[i].jsName}</div>
                                            <div class="jsx-1313209507 recruiter-title ellipsis-1">${result.data[i].scName}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>`
                                                )
                                            }
                                            next(lis.join(''), page < Math.ceil(result.data.length / 10)); // 此处假设总页数为 10
                                        }
                                    }

                                })
                            }, 520);
                        }
                    })
                })

            });
        }


        layui.use(['element', 'layer', 'util'], function () {
            var element = layui.element;
            var layer = layui.layer;
            var util = layui.util;
            var $ = layui.$;

            //头部事件
            util.event('lay-header-event', {
                menuLeft: function (othis) { // 左侧菜单事件
                    layer.msg('展开左侧菜单的操作', {icon: 0});
                },
                menuRight: function () {  // 右侧菜单事件
                    layer.open({
                        type: 1,
                        title: '更多',
                        content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
                        area: ['260px', '100%'],
                        offset: 'rt', // 右上角
                        anim: 'slideLeft', // 从右侧抽屉滑出
                        shadeClose: true,
                        scrollbar: false
                    });
                }
            });
        });


    })

    function chat(jsId){
        window.location.href=`/dev/views/employment/chat.html?jsId=${jsId}`
    }

    function quit(){
        localStorage.removeItem("jrid");
        localStorage.removeItem("jrtoken");
        window.location='/dev/views/job/page/login.html'
    }

    // function recommend(){
    //     let employment = document.querySelector("#employment-body")
    //     employment.innerHTML=`/dev/views/employment/recommend.html`
    // }
</script>
<script>
    //JS

</script>


</body>

</html>